<!DOCTYPE html>
<html>
<head>
  <title>FoodieMonster</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <%= stylesheet_link_tag 'application', media: 'all' %>
  <%= csrf_meta_tags %>  
  
<body id="page-content"  >
 <main class="distance">
 
  <%= render 'layouts/navigation'%>

  <%- flash.each do |key, value| -%>
    <div class="flash flash-<%= key %>">
      <%= value %>
    </div>
  <%- end -%>

  <%= yield %>

  <%= javascript_include_tag 'application' %>
  
  <%- if Rails.env.development? || Rails.env.test? -%> 
    <%= javascript_tag do %>
      window.railsEnv = '<%= Rails.env %>'
    <%- end -%>
  <%- end -%>
  <%= javascript_pack_tag 'application' %>
  
  <%= yield :extra_footer %>
</main>
  <footer class="py-4 bg-dark text-white">
  <div class="container text-center">
    <small>Copyright &copy; FoodieMonster</small>
  </div>
</footer>
</body>
</html>
